/*-----------------------首页部分---------------------*/
/*banner部分*/
.i_banner { height: 920px; overflow: hidden; }
.i_b_list { height: 100%; width: 30000px; position: absolute; top: 0; left: 0; }
.i_b_list li { float: left; height: 100%; width: 1366px; position: relative; overflow: hidden; }
.i_b_list a, .i_b_list img { display: block; }
.i_b_list a { width: 100%; height: 100%; position: absolute; }
.i_b_list img { position: absolute; left: 50%; margin-left: -960px; top: 0; }
.i_b_list img.idx_t { z-index: 5; }
.i_b_list img.idx_s { z-index: 3; width: 100%; }
.i_b_yudian { padding: 10px 0; height: 15px; position: absolute; bottom: 15px; left: 50%; margin-left: -118px; width: 236px; overflow: hidden; border-radius: 50px; *height: 35px; z-index: 10; }
.i_b_yudian span, .i_b_yudian ol { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.i_b_yudian span { background: #000; opacity: 0.6; filter: alpha(opacity=60); }
.i_b_yudian ol.i_y_list { height: 15px; top: 10px; left: 18px; }
.i_b_yudian ol.i_y_list li { float: left; width: 15px; height: 15px; margin: 0 13px 0 12px; background: #fff; border-radius: 50%; cursor: pointer; }
.i_b_yudian ol.i_y_list li.hover { background: #57c0ee; }
/*内容部分*/
.idx_title { width: 262px; height: 74px; background: url(../img/i_titlebg.png) no-repeat bottom center; margin: 0 auto; padding-top: 45px; text-align: center; overflow: hidden; }
.idx_title h4 { color: #57c0ee; font-size: 36px; line-height: 1em; }
.idx_title p { font-size: 12px; color: #999; line-height: 32px; }
/**/
.con_list1 { background: #1e4252; height: 590px; padding: 76px 0; }
.idx_fuwu li { float: left; width: 194px; height: 316px; margin: 50px 72px 0 0; border: 1px solid #ebfbfb; border-radius: 10px; /*box-shadow:0px 1px 3px rgba(0,0,0,.6);*/ background: #fff; padding-bottom: 8px; }
.idx_fuwu li.nomr { margin-right: 0; }
.idx_fuwu li a { display: block; height: 100%; }
.idx_f_img { height: 142px; border-bottom: 1px solid #cbf0ff; text-align: center; }
.idx_f_img img { display: inline-block; width: 108px; height: 112px; border-radius: 50%; margin: 15px auto; }
.idx_fuwu p { text-align: center; padding: 0 20px; color: #666; font-size: 14px; line-height: 18px; }
.idx_fuwu p b { font-size: 16px; line-height: 46px; color: #57c0ee; font-weight: normal; }
/**/
.con_list2 { height: 788px; background: #fff; }
.idx_you { padding: 50px 20px; }
.idx_you p { color: #666; font-size: 14px; line-height: 40px; width: 380px; padding-top: 106px; font-family: "宋体"; }
/**/
.con_list3 { height: 742px; background: url(../img/idx_a_bg.jpg) no-repeat center; }
.idx_an { height: 470px; position: relative; margin-top: 50px; }
.idx_an .prev, .idx_an .next { width: 46px; height: 70px; position: absolute; top: 50%; margin-top: -35px; }
.idx_an .next { right: 0; }
.idx_an .prev img, .idx_an .next img { width: 100%; }
.idx_a_banner { width: 822px; height: 470px; margin: 0 auto; position: relative; overflow: hidden; }
.idx_a_wu { width: 3000px; height: 470px; position: absolute; top: 0; left: 0; }
.idx_a_wu li { float: left; width: 260px; height: 470px; margin-right: 20px; }
.idx_a_wu li a { display: block; width: 256px; height: 386px; border: 2px solid #fff; overflow: hidden; position: relative; }
.idx_a_wu li a img { display: block; width: 100%; position: absolute; top: 50%; }
.idx_a_wu li.hover a { border-color: #00b1ff; }
.idx_a_wu li p { height: 76px; border-bottom: 4px solid #fff; overflow: hidden; line-height: 76px; color: #0d0d0d; font-size: 16px; color: #fff; }
.idx_a_wu li.hover p { color: #00b1ff; border-color: #00b1ff; }
/**/
.idx_zi { padding: 60px 0px 40px; }
.idx_zi ul { padding: 20px 0 33px; }
.idx_zi li { height: 130px; background: url(../img/idx_z_bg.png) no-repeat center; padding-bottom: 20px; margin-top: -20px; }
.idx_zi li dl { width: 475px; }
.idx_zi li dl.fl { text-align: right; }
.idx_zi li dl dt { color: #0d0d0d; font-size: 16px; line-height: 1em; padding-bottom: 10px; }
.idx_zi li dl dd { font-size: 14px; line-height: 18px; color: #666; overflow: hidden; }
.idx_z_btn { text-align: center; }
.idx_z_btn a { display: inline-block; width: 196px; height: 46px; border: 1px solid #57c0ee; color: #57c0ee; line-height: 46px; border-radius: 50px; font-size: 18px; }
.idx_zi li dl dd.tl { text-align: left; }
/*----------------核心业务部分-------------------*/
/**/
.h_fu_list li { float: left; width: 250px; height: 388px; }
.h_fu_list li div { width: 180px; height: 180px; margin: 0 auto; overflow: hidden; }
.h_fu_list li div img { width: 100%; }
.h_fu_list li p { text-align: center; font-size: 14px; color: #999; }
.h_fu_list li p b { font-size: 18px; line-height: 48px; padding-top: 5px; color: #0d0d0d; }
/**/
.he_list2 { background: #e6e6e6; height: 786px; }
.h_url { height: 510px; background: url(../img/h_url_bg.png) no-repeat left 60px; padding-top: 60px; padding-left: 584px; position: relative; }
.h_url p { font-size: 18px; line-height: 1em; color: #666; padding-left: 42px; background: url(../img/h_u_listBg.png) no-repeat left center; height: 20px; position: absolute; width: 180px; overflow: hidden; }
.h_url p.h_listP1 { top: 80px; left: 595px; }
.h_url p.h_listP2 { top: 140px; left: 680px; }
.h_url p.h_listP3 { top: 222px; left: 734px; }
.h_url p.h_listP4 { top: 321px; left: 750px; }
.h_url p.h_listP5 { top: 407px; left: 734px; }
.h_url p.h_listP6 { top: 484px; left: 680px; }
/**/
.he_list3 { padding: 50px 0 95px; background: #fff; }
.h_shou_title { width: 500px; height: 75px; background: #00b1ff; color: #fff; font-size: 40px; line-height: 75px; margin: 0 auto; text-align: center; }
.h_shou_list { border: 1px solid #00b1ff; padding: 20px 0; }
.h_shou_list > * { float: left; padding-left: 30px; width: 260px; }
.h_shou_list dd { line-height: 36px; font-size: 14px; padding-left: 18px; background: url(../img/h_s_bg.png) no-repeat left center; overflow: hidden; height: 36px; }
.h_shou_list dd a { color: #999; }
.h_shou_list > dl.h_s_list1 { width: 380px; }
/*------------------------------项目案例-----------------*/
.a_content { padding-bottom: 132px; }
.a_content .a_list_img { width: 1025px; padding-bottom: 72px; }
.a_list_img li { float: left; width: 240px; height: 285px; margin: 0 12px 12px 0; }
.a_list_img li a { display: block; height: 240px; overflow: hidden; border: 1px solid #ccc; border-radius:5px; border-bottom: none; position: relative; }
.a_list_img li a img { width: 100%; position: absolute; top: 50%; }
.a_list_img li p { height: 35px; line-height: 34px; padding: 0 10px; font-size: 15px; color: #292929; border: 1px solid #ccc; background: #e1e1e1; }
.a_list_img li.hover p { background: #f0f0f0; }
/*------------------------项目案例详情页---------------------*/
.x_con { min-height: 100px; box-shadow: 0 3px 20px rgba(0,0,0,.3); margin-bottom: 130px; padding: 20px 20px 0; }
.x_con_title { line-height: 56px; color: #333; font-size: 18px; height: 57px; padding: 0 20px; margin-bottom: 20px; }
.x_con_title span { border-bottom: 1px solid #999; height: 56px; float: left; }
.x_con hr { background: #999; width: 40px; float: left; }
.x_cen { padding: 16px 0; }
#mo .x_cen { display: none; }
.x_cen { font-size: 14px; line-height: 20px; padding: 0 20px; }
.x_cen div.fl { color: #666; }
.x_cen div.fr { width: 525px; }
.x_cen div.fr p { height: 40px; overflow: hidden; }
.x_cen div.fr p a { color: #1b8cff; }
.x_cen_img { margin: 62px 0 0; position: relative; min-height: 104px; padding-bottom: 60px; }
.x_cen_img > a { width: 70px; height: 104px; position: absolute; top: 50%; margin-top: -52px; }
.x_cen_img a.x_prev { left: 0; background: url(../img/x_prevBg.png) no-repeat; }
.x_cen_img a.x_next { right: 0; background: url(../img/x_nextBg.png) no-repeat; }
.x_center { width: 770px; margin: 0 auto; overflow-x: hidden; }
.x_center ul { width: 33000px; }
.x_center ul li { float: left; width: 770px; }
.x_center img { width: 100%; display: block; margin: 0 auto; }
/*-------------------------------项目参考------------------*/
/*.c_content .a_list_img li.hover{box-shadow:0px 1px 3px rgba(0,0,0,0.5);position:relative;z-index:5;background:url(../img/c_list_bg.png) no-repeat;padding:4px;top:0;left:0;}*/
.c_content .a_list_img li.hover p { background: none; }
/*----------弹出成*/
.a_tab_bg, .a_tan { position: fixed; top: 0; left: 0; right: 0; bottom: 0; }
.a_tab_bg { background: #000; opacity: 0.6; filter: alpha(opacity=60); ); }
.a_tan_con { position: absolute; left: 50%; width: 800px; margin-left: -400px; top: 0; bottom: 0; background: #000; }
.tan_footer { height: 80px; position: absolute; bottom: 10px; left: 0; width: 720px; padding: 0 40px; }
.tan_footer a { float: left; width: 76px; height: 76px; overflow: hidden; border: 2px solid #fff; margin: 0 5px; }
.tan_footer a:hover, .tan_footer a.hover { border-color: #157eff; }
.tan_img { width: 100%; position: absolute; top: 40px; left: 0; bottom: 100px; }
.tan_prev, .tan_next { position: absolute; top: 50%; width: 46px; height: 70px; margin-top: -35px; }
.tan_prev { left: 50px; }
.tan_next { right: 50px; }
.tan_prev img, .tan_next img { width: 100%; }
.tan_txt { width: 475px; height: 100%; margin: 0 auto; overflow: hidden; background: red; position: relative; }
.tan_txt img { width: 100%; }
.tan_txt p { height: 31px; background: url(../img/tan_txtbg.png) repeat-x; position: absolute; bottom: 0; left: 0; width: 100%; font-size: 16px; color: #fff; line-height: 31px; text-align: center; }
/*--------------------咨询报道------------------*/
.z_con { padding-bottom: 117px; }
.z_content { padding-bottom: 96px; }
.z_list_text { width: 730px; }
.z_list_text li { height: 139px; padding: 20px 0; border-bottom: 1px solid #e6e6e6; overflow: hidden; }
.z_list_img { float: left; width: 200px; height: 139px; overflow: hidden; margin-right: 20px; overflow: hidden; }
.z_list_img img { width: 100%; }
.z_list_p1 { line-height: 1em; font-size: 20px; overflow: hidden; }
.z_list_p1 a { color: #333; height: 20px; max-width: 410px; overflow: hidden; float: left; }
.z_list_p1 span { float: right; font-size: 14px; color: #ccc; }
.z_list_p2 { font-size: 14px; color: #999; line-height: 18px; padding-top: 16px; height: 90px; overflow: hidden; }
.z_r_text { width: 230px; min-height: 100px; margin-top: 20px; }
.z_r_text dl { margin-bottom: 40px; background: #fff; padding-bottom: 14px; }
.z_r_text dt { height: 38px; line-height: 38px; color: #333; font-size: 16px; background: #e9e9e9; border-left: 10px solid #ccc; text-indent: 10px; margin-bottom: 2px; }
.z_r_text dd { height: 14px; line-height: 14px; overflow: hidden; font-size: 12px; margin-top: 14px; color: #666; }
.z_r_sunxu span { float: left; width: 14px; height: 14px; background: #ccc; font-size: 13px; text-align: center; font-family: Arial; color: #fafafa; margin-right: 6px; }
.z_r_sunxu .z_r_hover span { background: #00b1ff; }
.z_r_sunxu .z_r_hover a { color: #00b1ff; }
/*--------------------------详细信息*/
.info_body .z_con { padding-bottom: 51px; }
.info_body .z_content { padding-bottom: 102px; }
.info_body dt, .info_body dd { padding-left: 20px; }
.info_body .in_con { width: 730px; background: #fff; min-height: 200px; box-shadow: 0px 1px 5px rgba(0,0,0,0.5); }
.info_body .z_r_text { margin-top: 0; }
.in_c_title { padding: 28px 20px 0; border-bottom: 1px solid #ccc; }
.in_c_title h1 { font-size: 36px; line-height: 40px; color: #0d0d0d; }
.in_c_title p { line-height: 42px; font-size: 14px; color: #999; }
.in_txt { padding: 0 25px 60px; }
.in_txt p { text-indent: 2em; color: #333; font-size: 16px; line-height: 36px; padding: 14px 0 23px; }
.in_txt p img { display: block; margin: 14px auto; max-width: 100%; }
.in_rate { width: 670px; background: #fff; height: 66px; padding: 0 30px; line-height: 66px; font-size: 16px; }
.in_rate a { color: #00b1ff; max-width: 330px; overflow: hidden; height: 66px; }
/*----------------------关于我们------------*/
/*.w_body .he_banner{height:386px;}*/
.w_body .w_content .h_title { line-height: 20px; margin-bottom: -50px; }
.w_body .w_content .h_l_span { color: red; }
.w_body .w_content .h_r_span { color: #0d0d0d; }
.w_content { padding-top: 50px; }
.w_list1 { padding-top: 6px; padding-bottom: 50px; }
.h_lower { margin-top: -100px; }
.w_list1 p { width: 844px; color: #666; font-size: 18px; line-height: 24px; margin: 22px auto 0; text-align: left; letter-spacing: 0.7px; text-indent: 2em; }
.w_list_img { margin-top: 48px; width: 1050px; }
.w_list_img img { float: left; margin-right: 20px; min-width: 320px; max-width: 320px; margin-top: 20px; }
.w_erect { padding-top: 100px; background: url(../img/w_top_bg.png) no-repeat center top; padding-bottom: 50px; }
.w_erect li { height: 104px; }
.w_erect li.fr { padding-left: 52px; background: url(../img/w_list_bg.png) no-repeat left top; width: 457px; }
.w_erect li.fl { padding-right: 52px; background: url(../img/w_list_bg2.png) no-repeat right top; width: 460px; text-align: right; }
.w_erect li span { display: block; font-size: 20px; color: #0d0d0d; line-height: 1em; }
.w_erect li p { line-height: 22px; color: #666; font-size: 16px; margin-top: 15px; }
.w_jiyu { width: 1000px; margin: 0 auto; min-height: 642px; padding: 27px 20px 54px; background: url(../img/w_touxiang.png) no-repeat left bottom; }
.w_jiyu div.fr { width: 570px; padding: 25px 24px; border: 2px dashed #57c0ee; border-radius: 5px; }
.w_jiyu div p { text-indent: 2em; font-size: 14px; line-height: 26px; }
.w_jiyu div p span { font-size: 30px; }

/*图片动画样式*/
.qitem { width: 320px; height: 320px; box-shadow: 0 1px 4px rgba(0,0,0,.5); margin: 6px; background: #fff; overflow: hidden; position: relative; float: left; cursor: hand; cursor: pointer; }
.qitem img { border: 0; position: absolute; z-index: 200; }
.qitem .caption { position: absolute; z-index: 0; color: #ccc; display: block; }
.qitem .caption h4 { font-size: 12px; padding: 10px 5px 0 8px; margin: 0; color: #369ead; }
.qitem .caption p { font-size: 10px; padding: 3px 5px 0 8px; margin: 0; }
.topLeft, .topRight, .bottomLeft, .bottomRight { position: absolute; background-repeat: no-repeat; float: left; }
.topLeft { background-position: top left; }
.topRight { background-position: top right; }
.bottomLeft { background-position: bottom left; }
.bottomRight { background-position: bottom right; }
.clear { clear: both; }


/*
 
 * 
 * 
 * 
 * 
 * 
 * */
.idx_a_wu li.hover a img { transition: all .2s linear; }
.idx_a_wu li.hover a:hover img { transform: scale(1.1); }
/*---------------------------首页动画---------------------*/
.idx_you img { transform: rotate(-30deg); -ms-transform: rotate(0deg)\9; }
.idx_you.hover img { animation: myfirst 2s; animation-fill-mode: forwards; }

@keyframes myfirst {
    from { transform: rotate(-30deg); }
    to { transform: rotate(0deg); }
}

.idx_zi li dl.fl { transform: translate(-50px,0); transform: translate(0px,0)\9; }
.idx_zi li dl.fr { transform: translate(50px,0); transform: translate(0px,0)\9; }
.idx_zi.hover li dl.fl { animation: dlfl 2s; animation-fill-mode: forwards; }
.idx_zi.hover li dl.fr { animation: dlfr 2s; animation-fill-mode: forwards; }

@keyframes dlfl {
    from { transform: translate(-50px,0); opacity: 0; }
    to { transform: translate(0,0); opacity: 1; }
}

@keyframes dlfr {
    from { transform: translate(50px,0); opacity: 0; }
    to { transform: translate(0,0); opacity: 1; }
}
/*核心业务*/
.h_url p { transform: translate(100px,0); transform: translate(0,0)\9; }
.h_url.hover p { animation: hexinp 2s; animation-fill-mode: forwards; }

@keyframes hexinp {
    from { transform: translate(100px,0); opacity: 0; }
    to { transform: translate(0,0); opacity: 1; }
}
/*项目参考*/
.c_content .a_list_img li { transition: all .2s linear; }
.c_content .a_list_img li.hover { box-shadow: 0 3px 20px rgba(0,0,0,.3); transform: translate3d(0,-2px,0); }
/**/
.z_list_img img { transition: all .3s linear; }
.z_list_img img:hover { transform: scale(1.1); }



@media screen and (max-width:1000px) {
    .z_list_text, .info_body .in_con { width: 100%; }
    .z_r_text { display: none; }
}
